<template>
	<!-- <mNotification :value="50"/>
	<br/>
	<mNotification icon="check" :value="50"/>
	<br/>
	<mNotification :value="100" :max="60"/>
	<br/>
	<mNotification :value="100" :max="60" isDot/> -->
	 <mNotification :value="50">
		 <template #default>
			 <!-- 把数据传递给mList组件 -->
			 <mList 
			 @actionCLick="actionCLick" 
			 @listClick= "listClick"
			 :list="listopations" :actions="listactions"/>
		 </template>
	 </mNotification>
</template>

<script lang="ts" setup>
	import {listopations,listactions} from '../list/data.ts'
	import { ListOpations, ActionOpations } from '../../../src/components/list/src/type.ts';
	// console.log(listopations)
	// console.log(listactions)
	// 获取子组件传递过来的数据
	let  actionCLick=(val:any)=>{
		console.log(val.item) 
		console.log(val.index) 
	}
	let listClick=(val:any)=>{
		console.log(val.item)
		console.log(val.index)
	}
</script>

<style lang="scss" scoped>
</style>